<template>
    <!--看房直通车  头部 和下面的表格-->
    <div>
        <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
            <el-tab-pane label="未分配预约" name="first">
                <template>
                    <ZxfindHouseNot></ZxfindHouseNot>
                </template>
            </el-tab-pane>
            <el-tab-pane label="已预约" name="second">
                <ZxfindHouseNot></ZxfindHouseNot>
            </el-tab-pane>
            <el-tab-pane label="已放弃预约" name="three">
                <ZxfindHouseNot></ZxfindHouseNot>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
    import ZxfindHouseNot from './ZxfindHouseNot'
    export default {
        name: "ZxGetCarTab",
        components:{
            ZxfindHouseNot
        },
        data() {
            return {
                activeName: 'first'
            };
        },
        methods: {
            handleClick(tab, event) {
                /*console.log(tab, event);*/
            },
            clickBack(){
                this.$router.push({
                    name:'ZxHousingManager',
                    path:'/Home/ZxHousingManager',
                    query: {

                    },
                })
            }
        }
    }
</script>

<style lang="less" scoped>
    h3{
        padding: 10px;
    }
</style>